<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>添加</title>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <!-- <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css"> -->
    <style>
        .layui-layout-admin .layui-logo {
            left: 2rem;
            text-align: left;
            color: #fff;
        }

        #card-show a:hover {
            background-color: yellow;
            bottom: 2rem;
        }
    </style>
</head>

<body style="background-color: #F3F5F6;">
    <div class="layui-layout layui-layout-admin">
        <!-- 顶部导航栏 -->
        <div class="layui-header header">
            <div class="layui-logo">问卷调查</div>
            <ul class="layui-nav " lay-filter="" style="margin-left: 6rem;">
                <li class="layui-nav-item"><a href="/">我的项目</a></li>
                <li class="layui-nav-item layui-this"><a href="/show">数据</a></li>
                
            </ul>
            <!-- 顶部状态栏右侧 -->
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                    <a href=""><img src="./imgs/boy-avatar.png" class="layui-nav-img">{{nickname}}</a>
                    <!-- <a href="">{{nickname}}</a> -->
                    <dl class="layui-nav-child">
                        <!-- <dd><a href="javascript:;">修改信息</a></dd>
                        <dd><a href="javascript:;">安全管理</a></dd> -->
                        <dd><a href="javascript:;" onclick="logout()">退了</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <!--右侧主体内容区-->
        <div class="layui-body" style="left: 0rem;margin-top: 1rem;">
            <!-- <div class="layui-container">  -->
            <div class="layui-row">
                <div class="layui-col-md1 layui-col-xs1 layui-col-sm1">
                    &nbsp;
                </div>
                <div class="layui-col-md10 layui-col-xs10 layui-col-sm10" style="background-color: white;">
                    <div class="layui-panel">
                        <div style="padding: 30px;height: 39rem;">
                            <form class="layui-form" action="">
                                <div class="layui-row">
                                    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">问卷名称</label>
                                            <div class="layui-input-block">


                                                <select name="id" lay-verify="required">
                                                    <option value=""></option>
                                                    {% for i in ques %}
                                                    <option value="{{i.id}}">

                                                        {{i.title}}

                                                    </option>
                                                    {% endfor %}
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                                        <div class="layui-form-item">
                                            <div class="layui-input-block">
                                                <button class="layui-btn" lay-submit lay-filter="formDemo">立即查看</button>
                                                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </form>
                            <table class="layui-table">
                                <colgroup>
                                    <col width="100">
                                    {% for user in users%}
                                    <col width="50">
                                    {% endfor%}
                                    <col width="50">
                                    <col width="50">
                                </colgroup>
                                <thead>
                                    <tr>
                                        <th>问题</th>

                                        {% for user in users%}

                                        <th>{{user.nickname}}</th>
                                        {% endfor %}
                                        <th>平均分</th>
                                        <th>总分</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for show in countShows%}
                                    <tr>
                                        <td>{{show.ShowContent}}</td>
                                        <td>{{show.score}}</td>
                                    </tr>
                                    {% endfor%}

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md1 layui-col-xs1 layui-col-sm1">
                    &nbsp;
                </div>
            </div>
            <!-- </div> -->



        </div>


        <div class="layui-footer" style="left: 0rem;">
            <!-- 底部固定区域 -->
            © layui.com - 底部固定区域
        </div>
    </div>

    <script src="/static/layui/layui.js"></script>
    <script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>
    <script>
        layui.use(["element", "form", "layer"], function () {
            let element = layui.element;
            let i = (10 / 1000 * 100).toFixed()
            element.progress('demo', `${i}%`);

            let form = layui.form;
            let layer = layui.layer;

            form.on('select', function (data) {
                // console.log(data.elem); //得到select原始DOM对象
                console.log(data.value); //得到被选中的值
                // console.log(data.othis); //得到美化后的DOM对象
            });




            form.on("submit", function (data) {
                console.log(data.field);
                let questionnaireId = data.field.id;
                // axios({
                //     method:"post",
                //     url:"/showDone",
                //     data:{
                //         questionnaireId:questionnaireId
                //     }
                // })

                let host = window.location.host;
                let url = window.location.href;
                let http = window.location.protocol;
                let pathname = window.location.pathname;
                console.log(url);
                console.log(host);
                console.log(p);
                window.location.href = http + "//" + host + pathname + "?id=" + questionnaireId;
                return false;
            })
        })
        // 注销
        function logout() {
            layer.open({
                title: "注销",
                content: "是否退出当前用户？", //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
                btn: ['注销', '取消']
                , yes: function (index, layero) {
                    axios({
                        method: 'post',
                        url: '/logout'
                    }).then(function (response) {
                        // axios工具下，服务器真正返回的数据在返回对象的data中
                        let res = response.data;
                        if (res.code === 200) {
                            window.location.href = '/login';
                        }
                    })
                }
                , btn2: function (index, layero) {
                    //按钮【按钮二】的回调

                    // return false //开启该代码可禁止点击该按钮关闭
                }
            })
        }
    </script>
</body>

</html>